<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Bootstrap Core CSS -->
<link href="/css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom CSS -->
<link href="/css/style.css" rel='stylesheet' type='text/css' />
<!-- font CSS -->
<!-- font-awesome icons -->
<link href="/css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
 <!-- js-->
<script src="/js/jquery-1.11.1.min.js"></script>
<script src="/js/modernizr.custom.js"></script>
<!--webfonts-->
<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>
<!--//webfonts--> 
<!--animate-->
<link href="/css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="/js/wow.min.js"></script>
	<script>
		 new WOW().init();
	</script>
<!--//end-animate-->
<!-- chart -->
<script src="/js/Chart.js"></script>
<!-- //chart -->
<!--Calender-->
<!--<link rel="stylesheet" href="css/clndr.css" type="text/css" />-->
<script src="/js/underscore-min.js" type="text/javascript"></script>
<script src= "/js/moment-2.2.1.js" type="text/javascript"></script>
<!--<script src="/js/clndr.js" type="text/javascript"></script>-->
<!--<script src="/js/site.js" type="text/javascript"></script>-->
<!--End Calender-->
<!-- Metis Menu -->
<script src="/js/metisMenu.min.js"></script>
<script src="/js/custom.js"></script>
<link href="/css/custom.css" rel="stylesheet">
<!--//Metis Menu -->
</head> 
<body class="cbp-spmenu-push" onload="initData()">
	<div class="main-content">
		<!--left-fixed -navigation-->
		<div class=" sidebar" role="navigation">
            <div class="navbar-collapse">
				<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
					<ul class="nav" id="side-menu">
						<li>
							<a href="/index" class="active"><i class="fa fa-home nav_icon"></i>首页</a>
						</li>
						<li>
							<a href="/access" class="active" style="color:#fff"><i class="fa fa-home nav_icon"></i>门禁管理</a>
						</li>
						<li>
							<a href="/user" class="active" style="color:#fff"><i class="fa fa-home nav_icon"></i>用户管理</a>
						</li>
						<li>
							<a href="/space" class="active" style="color:#fff"><i class="fa fa-home nav_icon"></i>车位管理</a>
						</li>
						<li>
							<a href="/car" class="active" style="color:#fff"><i class="fa fa-home nav_icon"></i>车辆管理</a>
						</li>
						<li>
							<a href="/community" class="active" style="color:#fff"><i class="fa fa-home nav_icon"></i>小区管理</a>
						</li>
						<li>
							<a href="/charges" class="active" style="color:#fff"><i class="fa fa-home nav_icon"></i>费率管理</a>
						</li>
						<li>
							<a href="/order" class="active" style="color:#fff"><i class="fa fa-home nav_icon"></i>订单管理</a>
						</li>
						<li>
							<a href="/appointment" class="active" style="color:#fff"><i class="fa fa-home nav_icon"></i>预约管理</a>
						</li>
					</ul>
					<!-- //sidebar-collapse -->
				</nav>
			</div>
		</div>
		<!--left-fixed -navigation-->
		<!-- header-starts -->
		<div class="sticky-header header-section ">
			<div class="header-left">
				<!--toggle button start-->
				<button id="showLeftPush"><i class="fa fa-bars"></i></button>
				<!--toggle button end-->
				<!--logo -->
				<div class="logo">
					<a href="/index">
						<h1>智慧停车云平台</h1>
						<span>陈福兵的毕业设计</span>
					</a>
				</div>
				<!--//logo-->
				<div class="clearfix"> </div>
			</div>
			<div class="header-right">
				<!--notification menu end -->
				<div class="profile_details">		
					<ul>
						<li class="dropdown profile_details_drop">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
								<div class="profile_img">	
<!--									<span class="prfil-img"><img src="images/fu.png" alt=""> </span>-->
									<div class="user-name">
										<p>阿福</p>
										<span>管理员</span>
									</div>
									<i class="fa fa-angle-down lnr"></i>
									<i class="fa fa-angle-up lnr"></i>
									<div class="clearfix"></div>	
								</div>	
							</a>
							<ul class="dropdown-menu drp-mnu">
								<li> <a href="#"><i class="fa fa-user"></i> 个人信息</a> </li>
								<li> <a href="#"><i class="fa fa-sign-out"></i> 退出</a> </li>
							</ul>
						</li>
					</ul>
				</div>
				<div class="clearfix"> </div>				
			</div>
			<div class="clearfix"> </div>	
		</div>
		<!-- //header-ends -->
		<!-- main content start-->
		<div id="page-wrapper">
			<div class="main-page">
				<div class="row-one">
					<div class="col-md-4 widget">
						<div class="stats-left ">
							<h5>7日</h5>
							<h4>门禁数量</h4>
						</div>
						<div class="stats-right">
							<label id="sales"> 45</label>
						</div>
						<div class="clearfix"> </div>	
					</div>
					<div class="col-md-4 widget states-mdl">
						<div class="stats-left">
							<h5>已提交的</h5>
							<h4>预约数量</h4>
						</div>
						<div class="stats-right">
							<label id="vistors"> 80</label>
						</div>
						<div class="clearfix"> </div>	
					</div>
					<div class="col-md-4 widget states-last">
						<div class="stats-left">
							<h5>小区</h5>
							<h4>车位剩余</h4>
						</div>
						<div class="stats-right">
							<label id="orders">51</label>
						</div>
						<div class="clearfix"> </div>	
					</div>
					<div class="clearfix"> </div>	
				</div>
				<div class="charts">
					<div class="col-md-4 charts-grids widget">
						<h4 class="title">本周门禁柱状图</h4>
						<canvas id="bar" height="300" width="400"> </canvas>
					</div>
					<div class="col-md-1" >

					</div>
<!--					<div class="col-md-4 charts-grids widget states-mdl">-->
<!--						<h4 class="title">Line Chart Example</h4>-->
<!--						<canvas id="line" height="300" width="400"> </canvas>-->
<!--					</div>-->
					<div class="col-md-4 charts-grids widget">
						<h4 class="title">比例扇形图</h4>
						<canvas id="pie" height="300" width="400"> </canvas>
					</div>
					<div class="clearfix"> </div>
							 <script>
								 // $.ajax(
									// 	 {
									// 		 type:"get",
									// 		 url: baseApi + '/getCountPojo',
									// 		 data: {},
									// 		 dataType: 'json',
									// 		 success: function (res) {
									// 		 	barChartData.datasets = [
									// 				 {
									// 					 fillColor : "rgba(233, 78, 2, 0.9)",
									// 					 strokeColor : "rgba(233, 78, 2, 0.9)",
									// 					 highlightFill: "#e94e02",
									// 					 highlightStroke: "#e94e02",
									// 					 data : [110,110,110,110,110,110,110]
									// 				 }
								 //
									// 			 ]
									// 		 }
									// 	 }
								 // )

								// var barChartData = {
								// 	labels : ["周一","周二","周三","周四","周五","周六","周天"],
								// 	datasets : [
								// 		{
								// 			fillColor : "rgba(233, 78, 2, 0.9)",
								// 			strokeColor : "rgba(233, 78, 2, 0.9)",
								// 			highlightFill: "#e94e02",
								// 			highlightStroke: "#e94e02",
								// 			data : [65,59,90,81,56,55,40]
								// 		}
								//
								// 	]
								//
								// };

								// var pieData = [
								// 		{
								// 			value: 90,
								// 			color:"rgba(233, 78, 2, 1)",
								// 			label: "门禁数量"
								// 		},
								// 		{
								// 			value : 60,
								// 			color : "rgba(88, 88, 88,1)",
								// 			label: "预约数量"
								// 		},
								// 		{
								// 			value : 40,
								// 			color : "rgba(79, 82, 186, 1)",
								// 			label: "车位剩余" +
								// 					""
								// 		}
								//
								// 	];
								
							// new Chart(document.getElementById("line").getContext("2d")).Line(lineChartData);
							// new Chart(document.getElementById("bar").getContext("2d")).Bar(barChartData);
							// new Chart(document.getElementById("pie").getContext("2d")).Pie(pieData);
							
							</script>
							
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<!--footer-->

        <!--//footer-->
	</div>
	<!-- Classie -->
		<script src="/js/classie.js"></script>
		<script>
			var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
				showLeftPush = document.getElementById( 'showLeftPush' ),
				body = document.body;
				
			showLeftPush.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( body, 'cbp-spmenu-push-toright' );
				classie.toggle( menuLeft, 'cbp-spmenu-open' );
				disableOther( 'showLeftPush' );
			};
			

			function disableOther( button ) {
				if( button !== 'showLeftPush' ) {
					classie.toggle( showLeftPush, 'disabled' );
				}
			}
		</script>
	<!--scrolling js-->
	<script src="/js/jquery.nicescroll.js"></script>
	<script src="/js/scripts.js"></script>
	<!--//scrolling js-->
	<!-- Bootstrap Core JavaScript -->
   <script src="/js/bootstrap.js"> </script>
   <script src="/js/indexdata.js"></script>
</body>
</html>